@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1220px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; border-bottom:1px solid rgba(255,255,255,0.25); position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:1200px; height:70px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; position:relative; float:left;}
.header h1.logo a{ display:block; position:relative; z-index:3;}
.header h1.logo a img{ display:block; height:70px;}
.header span.tel{ display:block; line-height:35px; color:#5a5a5a; font-size:14px; background:rgba(0,0,0,0.05) url(../images/common/head_tel.png) left 30px center no-repeat; padding:0 34px 0 48px; border-radius:18px; float:right; margin:17px 0 0 66px;}

/*导航*/
ul.nav{ display:block; height:70px; float:right;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:70px; color:#333; font-size:14px; font-size:16px; text-align:center; overflow:hidden; padding:0 33px; padding:0 30px; position:relative; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:rgba(0,0,0,0.05);}

ul.nav li p.sub{ display:none !important; max-width:120px; overflow:hidden; position:absolute; z-index:99; margin-bottom:-8px;}
ul.nav li p.sub a{ line-height:26px; color:#f6c3c5; font-size:15px; font-weight:normal; padding:8px 12px;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; text-decoration:underline;}

/*banner*/
.banner{ min-width:100vw; height:260px; background-attachment:fixed !important; border-top:70px solid #111; border-color:#fff;}
.banner h2{ display:block; width:1200px; color:#fff; font-weight:normal; padding:120px 0 0; margin:0 auto;}
.banner h2 em{ display:block; line-height:82px; font-size:46px;}
.banner h2 span{ display:block; line-height:32px; font-size:18px; text-transform:uppercase;}

/*底部*/
.footer{ color:#fff; background:#111; padding:60px 0 0;}
.footer .foot{ width:1200px; margin:0 auto; overflow:hidden;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 16px;}
.footer a.logo img{ display:block; height:50px;}
.footer .left{ width:414px; width:350px; position:relative; margin:0 0 60px;}
.footer .left::after{ content:''; display:block; width:1px; height:176px; background:rgba(255,255,255,0.15); position:absolute; right:0; top:16px;}
.footer .left p{ display:block; line-height:32px; color:#999; font-size:14px; padding:7px 0;}
.footer .left p img{ display:block; width:32px; height:32px; float:left; margin:0 12px 0 -3px;}
.footer dl{ display:block; padding:0 0 60px; float:left; margin:0 20px 0 100px;}
.footer dl dt{ display:block;}
.footer dl dt a{ display:block; line-height:48px; color:#fff; font-size:16px;}
.footer dl dd a{ display:block; line-height:38px; color:#999; font-size:14px;}
.footer dl dd a:hover{ color:#fff;}
.footer dl dd img.code{ display:block; width:150px; height:150px;}
.footer .copyright{ display:block; line-height:28px; color:#888; font-size:14px; text-align:center; overflow:hidden; padding:20px 0; border-top:1px solid rgba(255,255,255,0.15); clear:both;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:40px; height:40px; background:#0e0e0e url(../images/common/top.png) center no-repeat; border-radius:2px; position:fixed; right:12px; bottom:100px; cursor:pointer; text-indent:-9999px; z-index:999;}
.backToTop:hover{ background-color:#444;}

/*主体样式*/
.main{}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; clear:both;}

/*分类*/
.main ul.topMenu{ display:block; line-height:48px; text-align:center; overflow:hidden; background:url(../images/common/menu.png) repeat; background:rgba(126,191,64,0.2); margin:-48px 0 0;}
.main ul.topMenu li{ display:inline-block; vertical-align:top; overflow:hidden;}
.main ul.topMenu li a{ display:block; min-width:4em; color:#fff; font-size:14px; text-align:center; padding:0 32px;}
.main ul.topMenu li a:hover,
.main ul.topMenu li.cur a{ background:#7ebf40;}

.main ul.leftMenu{ display:block; width:256px; overflow:hidden; float:left; margin:32px 64px 60px 0;}
.main ul.leftMenu li{ display:block; overflow:hidden;}
.main ul.leftMenu li a{ display:block; line-height:50px; color:#555; font-size:14px; padding:0 20px; border-bottom:1px solid #ededed;}
.main ul.leftMenu li a:hover,
.main ul.leftMenu li.cur a{ color/:#7ebf40; background:#e0ffe9;}

.main p.subMenu{ display:block; text-align:center; overflow:hidden; padding:24px 0 20px;}
.main p.subMenu a{ display:inline-block; vertical-align:top; min-width:4em; line-height:38px; color:#555; font-size:14px; text-align:center; padding:0 26px; background:#f8f8f8; margin:0 12px;}
.main p.subMenu a:hover,
.main p.subMenu a.cur{ color:#fff; background:#7ebf40;}

/*右侧样式*/
p.position{ display:block; line-height:60px; color:#cecece; font-size:14px; text-align:right; overflow:hidden; border-bottom:1px solid #ededed;}
p.position a{ color:#5a5a5a; margin:0 20px;}
p.position a.home{ padding:2px 0; padding-left:36px; background:url(../images/common/posit.png) left center no-repeat;}
p.position a:hover{ color:#7ebf40;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-weight:normal; text-align:center; padding:60px 0 0;}
.main .attr h2.title em{ display:block; line-height:1; color:#333; font-size:24px;}
.main .attr h2.title span{ display:block; line-height:34px; color:#999; font-size:14px;}

.main .attr h3.title{ display:block; line-height:44px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:14px 0; margin:20px 0 0;}
.main .attr p.mark{ display:block; line-height:24px; color:#888; font-size:13px; text-align:center; padding:8px 0 24px;}
.main .attr .desc{ display:block; line-height:24px; color:#888; font-size:14px; background:#f5f5f5; padding:8px 20px; border:1px solid #e5e5e5; margin:4px 0 -4px;}
.main .article{ min-height:10em; line-height:2.5; color:#5a5a5a; font-size:14px; text-align:justify; overflow:hidden; padding:0 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; padding:28px 2px 36px; border-top:1px solid #ddd;}
.main .change p{ display:block; line-height:26px; color:#5a5a5a; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; padding:3px 0;}
.main .change p:hover{ color:#7ebf40;}

.main .newsCon{ overflow:hidden;}
.main .newsCon h2.title{ line-height:40px; font-size:24px; font-weight:bold; text-align:left; padding:32px 0 20px;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 70px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; color:#333; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #333; margin:0 10px;}
.pages a:hover,
.pages span{ color:#fff; background:#333; border-color:#333;}

/*案例列表*/
.main ul.caseList{ display:block; overflow:hidden; margin:0 -13px; padding:30px 0 40px;}
.main ul.caseList li{ display:block; width:33.33%; padding:0 0 16px; float:left;}
.main ul.caseList li a{ display:block; margin:0 13px;}
.main ul.caseList li a.pic{ overflow:hidden; position:relative;}
.main ul.caseList li a.pic img{ display:block; width:100%; height:250px;}
.main ul.caseList li .shade{ width:100%; height:100%; box-sizing:border-box; color:#fff; padding:0 48px; background:rgba(2,198,20,0.9); position:absolute; left:0; top:0; opacity:0; transition:all ease 0.4s;}
.main ul.caseList li a.pic:hover .shade{ opacity:1;}
.main ul.caseList li .shade span{ display:block; line-height:1; font-size:18px; padding:50px 0 0;}
.main ul.caseList li .shade p{ display:block; height:104px; line-height:26px; font-size:12px; padding:20px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.main ul.caseList li a.title{ line-height:52px; color:#5a5a5a; font-size:14px; text-align:center; padding:0 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.caseList li a.title:hover{ color:#7ebf40;}

/*新闻列表*/
.main ul.newsList{ display:block; padding:10px 0 60px; overflow:hidden;}
.main ul.newsList li{ display:block; padding:20px 0; overflow:hidden;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.newsList li a.pic img{ display:block; width:380px; height:240px; object-fit:cover;}
.main ul.newsList li a.title{ display:block; line-height:24px; color:#5a5a5a; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 0;}
.main ul.newsList li a.title:hover{ color:#7ebf40;}
.main ul.newsList li span{ display:block; line-height:40px; color:#999; font-size:12px; overflow:hidden;}
.main ul.newsList li p{ display:block; height:112px; line-height:28px; color:#999; font-size:12px; padding:18px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}

/*关于我们*/
.main .about{ overflow:hidden;}
.main .about .txt{ line-height:2; color:#5a5a5a; font-size:14px; text-align:center; overflow:hidden; padding:2em 0 3.5em; border-bottom:1px solid #ededed;}
.main .about .pic{ padding:40px 0 0;}
.main .about .pic img{ display:block; width:100%;}

.data{ font-size:16px; padding:100px 0;}
.data ul{ display:block; width:1200px; overflow:hidden; margin:0 auto;}
.data ul li{ display:block; width:33.33%; text-align:center; border-left:1px solid #ededed; box-sizing:border-box; float:left;}
.data ul li:first-child{ border:0;}
.data ul li em{ display:block; line-height:1; color:#5a5a5a; overflow:hidden;}
.data ul li b{ font-size:50px; font-family:"courier new"; font-weight:normal; margin-right:4px;}
.data ul li sup{ display:inline-block; vertical-align:top; line-height:32px; font-size:14px; font-family:"courier new"; font-weight:normal;}
.data ul li span{ display:block; line-height:1.5; color:#999; font-size:16px; padding:6px 0 0;}

.main ul.intro{ display:block; padding:60px 0 20px; border-top:1px solid #ededed;}
.main ul.intro li{ display:block; padding:0 0 60px;}
.main ul.intro li h5{ display:block; font-weight:normal;}
.main ul.intro li h5 em{ display:block; line-height:26px; color:#333; font-size:18px;}
.main ul.intro li h5 span{ display:block; line-height:20px; color:#999; font-size:12px;}
.main ul.intro .txt{ line-height:2; color:#5a5a5a; font-size:14px; padding:16px 0 0;}

/*核心团队*/
.main dl.teamList{ display:block; overflow:hidden; margin:0 -20px; padding:0 0 100px;}
.main dl.teamList dt{ display:block; padding:60px 0; border-bottom:1px solid #ededed; margin:0 20px;}
.main dl.teamList dt a.pic{ display:block; width:170px; border-radius:50%; overflow:hidden; margin:0 auto;}
.main dl.teamList dt a.pic img{ display:block; width:100%; height:170px;}
.main dl.teamList dt a.title{ display:block; width:170px; line-height:34px; color:#222; font-size:18px; text-align:center; padding:24px 0 0; overflow:hidden; margin:0 auto;}
.main dl.teamList dt a.title:hover{ color:#7ebf40;}
.main dl.teamList dt em{ display:block; line-height:28px; color:#7ebf40; font-size:12px; text-align:center;}
.main dl.teamList dt .txt{ max-width:52em; line-height:26px; color:#5a5a5a; font-size:14px; text-align:center; padding:24px 0 0; margin:0 auto;}
.main dl.teamList dd{ display:block; width:calc(33.33% - 40px); background:#f8f8f8; padding:0 0 38px; float:left; margin:40px 20px 0;}
.main dl.teamList dd a.pic{ display:block; overflow:hidden;}
.main dl.teamList dd a.pic img{ display:block; width:100%; height:300px;}
.main dl.teamList dd a.title{ display:block; line-height:32px; color:#222; font-size:18px; text-align:center; padding:24px 0 0;}
.main dl.teamList dd a.title:hover{ color:#7ebf40;}
.main dl.teamList dd em{ display:block; line-height:26px; color:#7ebf40; font-size:12px; text-align:center;}
.main dl.teamList dd .txt{ line-height:26px; color:#5a5a5a; font-size:14px; text-align:center; padding:12px 0 0; margin:0 2em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*发展历程*/
.main dl.licheng{ display:block; overflow:hidden; background:url(../images/icons/lc_line.png) center top repeat-y; padding:0 0 60px;}
.main dl.licheng dt{ display:block; background:#fff; padding:60px 0;}
.main dl.licheng dt .txt{ max-width:48em; line-height:26px; color:#5a5a5a; font-size:14px; text-align:center; padding:16px 56px 0; background:url(../images/icons/qt_l.png) no-repeat; margin:0 auto;}
.main dl.licheng dd{ display:block; padding:0 0 50px;}
.main dl.licheng dd:nth-child(odd){ text-align:right;}
.main dl.licheng dd:nth-child(even){ text-align:left;}
.main dl.licheng dd img.pic{ display:block; width:450px; height:250px;}
.main dl.licheng dd:nth-child(odd) img.pic{ float:right; margin:96px 90px 0 52px;}
.main dl.licheng dd:nth-child(even) img.pic{ float:left; margin:96px 52px 0 90px;}
.main dl.licheng dd em{ display:inline-block; vertical-align:top; width:216px; line-height:38px; color:#fff; font-size:24px; text-align:center; overflow:hidden;}
.main dl.licheng dd:nth-child(3n) em{ background:#1ec2ff;}
.main dl.licheng dd:nth-child(3n+1) em{ background:#ffc617;}
.main dl.licheng dd:nth-child(3n+2) em{ background:#7ebf40;}
.main dl.licheng dd .txt{ line-height:38px; color:#5a5a5a; font-size:14px; margin:40px 0 0; overflow:hidden;}
.main dl.licheng dd:nth-child(odd) .txt{ text-align:right; padding:0 66px 0 0;}
.main dl.licheng dd:nth-child(even) .txt{ text-align:left; padding:0 0 0 66px;}

/*联系*/
.main .map{ background:#eee; margin:48px 0 0;}
.main .contact{ padding:0 0 80px; overflow:hidden;}
.main .contact ul{ display:block; overflow:hidden; padding:48px 0; border-bottom:1px solid #ededed;}
.main .contact ul li{ display:block; width:33.33%; float:left;}
.main .contact ul li a{ display:block; overflow:hidden; padding:0 36px;}
.main .contact ul li b{ display:block; line-height:36px; color:#333; font-size:18px; overflow:hidden;}
.main .contact ul li span{ display:block; line-height:28px; color:#888; font-size:14px; overflow:hidden;}
.main .contact dl{ display:block; overflow:hidden; padding:56px 0 0; margin:0 -10px;}
/*
.main .contact dl dd{ display:block; width:33.33%; float:left;}
.main .contact dl dd a{ display:block; overflow:hidden; margin:0 10px;}
.main .contact dl dd img/{ display:block; width:100%; height:200px;}
.main .contact dl dd em{ display:block; line-height:42px; color:#333; font-size:18px; overflow:hidden; margin:26px 2px 0;}
.main .contact dl dd p{ display:block; line-height:30px; color:#888; font-size:14px; overflow:hidden; margin:0 2px;}
*/
.main .map{ background:#eee; margin:48px 0 0;}
.main .contact{ padding:0 0 80px; overflow:hidden;}
.main .contact ul{ display:block; overflow:hidden; padding:48px 0; border-bottom:1px solid #ededed;}
.main .contact ul li{}






























/**/